<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>First Consult</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>

<body>


  <div id="middlePan">
		<div id="middlebodyPan">
			<div class="specializationlist">
			   
				<section>
	 	         	<h1> Top Dr. Specialities </h1>
	 	         	<div id='search-box'>
					  <form action='SearchDoctor' id='search-form' method='POST'>
					    <input id='search-text' name='query' placeholder='Search by name or zipcode...' type='text'/>
					    <button id='search-button' type='submit'><span>Search</span></button>
					
					  </form>
					</div><br>
					<ul>
	 	         		<li><a href="SearchDoctor?specialization=Cardiology">Cardiology</a></li>
	 	         		<li><a href="SearchDoctor?specialization=Dermatology">Dermatology</a></li>
	 	         		<li><a href="SearchDoctor?specialization=Dentistry">Dentistry</a></li>
	 	         	    <li><a href="SearchDoctor?specialization=Endocrinology">Endocrinology</a></li>
	 	         	    <li><a href="SearchDoctor?specialization=Gastroenterology">Gastroentrology</a></li>
	 	         	    <li><a href="SearchDoctor?specialization=General+Surgery">General Surgery</a></li>
	 	         	    <li><a href="SearchDoctor?specialization=Gynecology">Gynecology</a></li>
	 	         	    <li><a href="SearchDoctor?specialization=Internal+Medicine">Internal Medicine</a></li>
	 	         	    <li><a href="SearchDoctor?specialization=Opthalmology">Opthalmology</a></li>
	 	         	    <li><a href="SearchDoctor?specialization=Orthopaedics">Orthopaedics</a></li>
	 	         	    <li><a href="SearchDoctor?specialization=Pathology">Pathology</a></li>
	 	         	    <li><a href="SearchDoctor?specialization=Pediatrics">Pediatrics</a></li> 
					</ul>
				 </section>
			</div>
		</div>
	</div>


</body>
</html>